.controlHeader {
    width     : 100%;
    height    : 60px;
    position  : fixed;
    top       : 0;
    font-size : 18px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
    z-index   : 19;

    .controlTitle {
        text-align: left;
        margin    : 6px 0 0 12px;
        display   : flex;

        img {
            float : left;
            width : 41px;
            height: 30px;
            float : left;
            margin: 8px 0 0 4px;
        }

        .menufold {
            margin   : 12px 0 0 10px;
            font-size: 24px;
            cursor   : pointer;
        }

        .logo {
            float        : left;
            width        : 48px;
            height       : 48px;
            border-radius: 50%;
            text-align   : center;
            cursor       : pointer;
        }

        .logotit {
            float    : left;
            margin   : 6px 0 0 10px;
            font-size: 23px;
            cursor   : pointer;

            &.small {
                margin   : 10px 0 0 10px;
                font-size: 18px;
            }
        }
    }

    .controlMenu {
        height    : 38px;
        width     : 100%;
        margin    : 12px 0 0 0;
        text-align: center;

        i {
            font-size: 13px;
        }

        ul {
            cursor: pointer;

            a {
                &.menu {
                    font-weight : bold;
                    font-size   : 17px;
                    width       : 124px;
                    line-height : 30px;
                    padding     : 0 9px 8px 15px;
                    display     : inline-block;
                    margin-right: 20px;

                    &.small {
                        font-size   : 14px;
                        width       : 18%;
                        padding     : 0 5px 8px 5px;
                        margin-right: 10px;
                    }
                }
            }
        }
    }

    .controlTime {
        float      : right;
        text-align : center;
        line-height: 34px;
        height     : 34px;
        font-size  : 16px;
        margin     : 13px 10px 0 0;

        b {
            font-size: 16px;
        }

        &.small {
            text-align : right;
            font-size  : 12px;
            line-height: 24px;
            height     : 24px;
            margin     : 0 10px 0 0;
        }
    }

    .controlBar {
        float      : right;
        text-align : right;
        line-height: 34px;
        height     : 34px;
        margin     : 11px 0 0 0;
        font-size  : 16px;

        .wrap {
            float : right;
            margin: 0 10px 0 0;
        }

        .username {
            float : left;
            margin: 2px 0 0 5px;
        }

        i {
            padding: 2px;

            &:hover {
                cursor: pointer;
            }
        }

        .logout {
            font-size: 20px;
            margin   : 8px 0 0 0;
        }

        .controlHeaderAvatar {
            float     : left;
            margin-top: 7px;

            i {
                padding: 0;
            }
        }

        &.small {
            margin: 0;
        }
    }

}

.controlHeaderBlank {
    width   : 100vw;
    height  : 60px;
    z-index : 99;
    display : block;
    overflow: hidden;
}

::ng-deep {
    .integration {
        padding: 0;
        margin : 0;

        &.ant-dropdown-menu {
            padding      : 0;
            border-radius: 0;

            .ant-dropdown-menu-item {
                padding    : 0 12px;
                line-height: 24px;

                a {
                    color      : #fff;
                    border-left: 6px solid transparent;
                    padding    : 0 -12px;
                    margin     : 0;
                }

                &:hover {
                    border-left     : 6px solid #fae866;
                    background-color: rgba(96, 179, 255, 0.8);
                }
            }
        }

        .ant-dropdown-menu-item-selected {
            background-color: rgba(96, 179, 255, 0.8);

            a {
                background-color: rgba(96, 179, 255, 0.8);
            }

        }

        .ant-dropdown-menu-submenu-title {
            color      : #fff;
            padding    : 0;
            line-height: 34px;

            i {
                color: #fff;
            }

            &:hover {
                background-color: transparent;
            }
        }
    }

    :root {

        .ant-dropdown-trigger>.anticon:not(.anticon-ellipsis),
        .ant-dropdown-link>.anticon:not(.anticon-ellipsis) {
            font-size : 18px;
            margin-top: 9px;
            float     : right;
        }
    }
}